<template>
	<!-- 底部 -->
	<view class="l-loadmore" v-if="listData && listData.length != 0">
		<u-loadmore iconSize="28" :status="refreshStatus" :marginBottom="marginBottom"/>
	</view>
</template>

<script>
	export default {
		props: {
			listData: {
				default: null,
				type: Array | Object
			},
			// 输入的内容
			refreshStatus: {
				default: '',
				type: String
			},
			marginBottom:{
				default: 10,
				type: String | Number
			},
		},
		data() {
			return {

			}
		},

		methods: {

		}
	}
</script>
<style scoped lang="scss">
	.l-loadmore {
		padding: 10rpx 0;
		padding-bottom: calc(10rpx + constant(safe-area-inset-bottom));
		padding-bottom: calc(10rpx + env(safe-area-inset-bottom));
	}
</style>
